{#include file="top.php"#}
<script>
    function stlist(l,t){
        $('[c=tlist'+l+']').hide();
        $('#tlist'+l+'_'+t).show();
    }
    function toggle(obj,t){
        $('#'+obj).css('left',$(t).attr("offsetLeft"));
        if($('#'+obj).attr('c')<0){
            $('#'+obj).slideToggle('fast');
            $('#'+obj).attr('c',1);
        }else if($('#'+obj).attr('c')==0){
            $('#'+obj).attr('c',1);
        }
    }
    function toggle_out(i){
        if($('#ptype_box_'+i).attr('c')==1){
            $('#ptype_box_'+i).attr('c',0);
            setTimeout('toggle_out_f('+i+')',200);
        }
    }
    function toggle_out_f(i){
        if($('#ptype_box_'+i).attr('c')==0){
            $('#ptype_box_'+i).attr('c',-1);
            $('#ptype_box_'+i).slideToggle('fast');
        }
    }
</script>
<div class="body">

    <div class="main fl">
        <div class="crumb">
            <a href="{#optimize_url('product', 'invite_list', 'mtype=1')#}">試用專區</a> &gt;
            <strong>試用報告</strong>
        </div>
        <div class="r_box r_box_t b_box">
            <div class="hd">
                <h2 class="ir ht"><span>試用報告 REPORT</span></h2>
                <div class="slt" onclick="$('[c1=1]').toggle();">
                    <strong class="tri down"></strong>
                </div>
                <div class="sltbox">
                    <div class="dt" style='cursor:pointer;' href="javascript:void(0);" c1=0 onclick="$('[c1=1]').toggle();">
                        {#if $order==1#}最新產品報告{#else if $order==2#}最高評價產品{#else if $order==3#}最多評鑑報告{#/if#}
                    </div>
                    <div class="dd"  style="display:none" c1=1>
                        <p style='cursor:pointer;' onclick="window.location.href='{#optimize_url('product', 'readReport_list', 'mtype=1&order=1&ptype=0')#}'">最新產品報告</p>
                        <p style='cursor:pointer;' onclick="window.location.href='{#optimize_url('product', 'readReport_list', 'mtype=1&order=2&ptype=0')#}'">最高評價產品</p>
                        <p style='cursor:pointer;' onclick="window.location.href='{#optimize_url('product', 'readReport_list', 'mtype=1&order=3&ptype=0')#}'">最多評鑑報告</p>
                    </div>
                </div>
            </div>
            <div class="bd">
                <div class="tag">
                    <a href="{#optimize_url('product', 'readReport_list', 'mtype=1&ptype=0')#}">所有分類</a>|
                    {#foreach  from=$ptype_arr item=v key=k#}
                    <a href="javascript:void(0);" t=1 onclick="$('[t=1]').removeClass('curr');$(this).addClass('curr');$('.tag_popup').hide();$('#ptype_box_{#$k#}').show();" {#if $ptype==$k||$ptype_kv.t==$k#}class="curr"{#/if#}><i class="tri right"></i>{#$v.name#}</a>|
                    {#/foreach#}
                </div>
                {#foreach  from=$ptype_arr item=v key=k#}
                <div id="ptype_box_{#$k#}" class="tag_popup" style="{#if $ptype==$k||$ptype_kv.t==$k#}display:block;{#else#}display:none;{#/if#}">
                    <a href="javascript:void(0);" class="close" onclick="$('#ptype_box_{#$k#}').hide();"></a>
                    <ul class="tag_list">
                        <li><a {#if $ptype==$k#}style="color:#ED2674;"{#/if#} href="{#optimize_url('product', 'readReport_list', 'mtype=1&ptype='|cat:$k)#}">全部</a></li>
                        {#foreach  from=$v.list item=v1 key=k1#}
                        <li><a {#if $ptype==$v1.id#}style="color:#ED2674;"{#/if#} href="{#optimize_url('product', 'readReport_list', 'mtype=1&ptype='|cat:$v1.id)#}">{#$v1.cname#}</a></li>
                        {#/foreach#}
                    </ul>
                </div>
                {#/foreach#}

                {#foreach  from=$product_list_res item=v key=k#}
                <div class="areabox try">
                    <h2 class="at">試用專區</h2>

                    <div class="lbox">
						<div class="imgbox"><p class="img_p"><a href="{#optimize_url('product', 'detail', 'mtype=1&pid='|cat:$v.id)#}"><span><img src="{#$v._photo_url#}"></span></a></p></div>
                        <a href="{#optimize_url('product', 'detail', 'mtype=1&pid='|cat:$v.id)#}" class="btn_b btn_s_v_detail" style="margin-left: 20px;"><strong>查看报告</strong></a>
                        <div class="info">
                            <em class="hack"></em>
                            <sup class="ir txt txt_1"><span>總評</span></sup><strong>{#$v._overall#}</strong><sub>分</sub>
                        </div>
                    </div>
                    <div class="rbox">
                        <a href="{#optimize_url('product', 'readReport_list', 'mtype=1&ptype='|cat:$ptype_kv.k)#}" class="lk">{#$ptype_kv.v#}</a>
                        <div class="tbox">
                            <table width="100%" border="0" cellpadding="0">
                                <tr>
                                    <td colspan="2" class="tt"><a class="tt" href="{#optimize_url('product', 'detail', 'mtype=1&pid='|cat:$v.id)#}">{#$v.type_name#}</a></td>
                                </tr>
                                <tr>
                                    <td colspan="2"><a href="{#optimize_url('product', 'detail', 'mtype=1&pid='|cat:$v.id)#}">{#$v.name#}</a></td>
                                </tr>
                                <tr>
                                    <td colspan="2"><a href="{#optimize_url('product', 'detail', 'mtype=1&pid='|cat:$v.id)#}">{#$v.cname#}</a></td>
                                </tr>
                                <tr>
                                <table width="100%" border="0" cellpadding="0">
                                    {#if $v.price#}
                                    <tr class="sp">
                                        <td class="label"><span>：</span>價格</td>
                                        <td>${#$v.price#}</td>
                                    </tr>
                                    {#/if#}
                                    {#if $v.attribute_value1#}
                                    <tr class="sp">
                                        <td class="label"><span>：</span>實際容量</td>
                                        <td>{#$v.attribute_value1#}</td>
                                    </tr>
                                    {#/if#}
                                    {#if $v.capacity_trial#}
                                    <tr class="sp">
                                        <td class="label"><span>：</span>試用規格</td>
                                        <td>{#$v.capacity_trial#}</td>
                                    </tr>
                                    {#/if#}
                                    {#if $v.body#}
                                    <tr class="sp">
                                        <td class="label"><span>：</span>編輯短評</td>
                                        <td>{#nl2br($v.body)#}</td>
                                    </tr>
                                    {#/if#}
                                    </tr>
                                </table>
                                </tr>
                            </table>
                        </div>
                        <div class="introbox">
                            <span class="label">編輯推介</span><script>
                                $(document).ready(function(){
                                    stlist({#$k#},0);
                                });
                            </script>
                            <span class="cnt">
                                {#foreach  from=$report_list.$k.result item=v1 key=k1#}
                                <span class="imgbox">
											<p class="img_p">
												<a href="{#optimize_url('product', 'reportDetail', 'mtype=5&pid='|cat:$v.id|cat:'&rid='|cat:$v1.id)#}" onmouseover="stlist({#$k#},{#$k1#})"> <span>
										<img src="{#$v1.photo_l#}" width=53></span></a>
										</p> </span>
                                {#/foreach#}


                                <!--
                                    tip_1-5:使三角指向對應的選項
                                -->
                                {#foreach  from=$report_list.$k.result item=v1 key=k1#}

                                <span class="tip tip_{#($k1+1)#}"  id='tlist{#$k#}_{#$k1#}' c='tlist{#$k#}'>
                                    <strong class="tri up"></strong>
                                    {#$v1.username#}：{#$v1.title#}
                                </span>
                                {#/foreach#}
                            </span><p class="morebox">
                                共{#$v._rpsum#}篇 | <a href="{#optimize_url('product', 'detail', 'mtype=1&pid='|cat:$v.id)#}">查看全部</a>
                            </p>
                        </div>
                    </div>
                </div>
                {#/foreach#}


            </div>
        </div>
        {#$pagelist#}
    </div>
    <!-- main-->
    <div class="sidebar">
        {#show_block('b2',1,'','sidebar_ad')#}
        {#show_block('b1',2,'','sidebar_function')#}
        {#show_block('b3',0,'','sidebar_search')#}
        {#show_block('b13',0,'','sidebar_registation')#}
        {#show_block('b5',0,'','sidebar_top3 b_box')#}
        {#show_block('b6',0,'','sidebar_facebook')#}
    </div>
    <!-- sidebar -->

</div>
</div>
</div><!--body-->
{#include file="footer.php"#}